<script setup lang="ts">
import {useRouter} from "vue-router";
import {onMounted, ref} from "vue";
import {getCurrentUser} from "../service/user.ts";
import {userGenderEnum} from "../constants/user.ts";

// const user = {
//   id: 1,
//   username: '雨后天晴',
//   userAccount: 'sunny',
//   avatarUrl: "https://cdn-img.gitcode.com/df/bf/32d273266f02b82942facf44873448fdd81546f8e483234dfaf413f6fe009a7b.png",
//   gender: '男',
//   phone: '158388',
//   email: '172688@qq.com',
//   planetCode: '5810',
//   tags: '["Java", "Python"]',
//   createTime: new Date(),
// }

const router = useRouter();
const toEdit = (editKey: string, editName: string, currentValue: string) => {
  router.push({
    path: '/user/edit',
    query: {
      editKey,
      currentValue,
      editName
    }
  })
}

const user = ref();

onMounted(async () => {
  user.value = await getCurrentUser();
})
</script>

<template>
  <div v-if="user">
    <van-cell title="昵称" is-link to="/user/edit" :value="user.username"  @click="toEdit('username', '昵称', user.username)"/>
    <van-cell title="账号" :value="user.userAccount"/>
    <van-cell title="头像" is-link to="/user/edit" :value="user.avatarUrl"  @click="toEdit('avatarUrl', '头像', user.avatarUrl)">
      <img style="height: 48px" :src="user.avatarUrl" alt="头像"/>
    </van-cell>
    <van-cell title="性别" is-link to="/user/edit" :value="userGenderEnum[user.gender]" @click="toEdit('gender', '性别', user.gender)"/>
    <van-cell title="电话" is-link to="/user/edit" :value="user.phone" @click="toEdit('phone', '电话', user.phone)"/>
    <van-cell title="邮箱" is-link to="/user/edit" :value="user.email"  @click="toEdit('email', '邮箱', user.email)"/>
    <van-cell title="星球编号" :value="user.planetCode"/>
    <van-cell title="注册时间" :value="user.createTime"/>
  </div>
</template>

<style scoped>

</style>
